.w {
    width: 1200px;
    margin: 0 auto;
}
.clearfix:before,
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.style_red {
    color: #c81023 ;
}
/* shortcut start */
.shortcut {
    height: 31px;
    line-height: 31px;
    background-color: #f1f1f1;
}
.shortcut ul li {
    position: relative;
    float: left;
}
.shortcut ul li a:hover {
    color: #c81023;
}
/* 给a添加一个伪元素 */
.shortcut .fr ul li a::after {
    /* content为伪元素必加项 */
    content:"" ;
}
/* 鼠标经过a之后的效果给伪元素添加 */
.shortcut .fr ul li:nth-child(n+2) a:hover::after {
    content: "企业还没有成立暂时还没有内容";
    position: absolute;
    top: 32px;
    left: 0;
    height: 100px;
    width: 100px;
    color: white;
    text-align: center;
    border-radius: 10px;
    background-color: #c81023;
    z-index: 2;
    padding: 10px;
}

.shortcut .fr ul li:nth-child(2n) {
    width: 1px;
    height: 12px;
    background-color: #666;
    margin: 10px 20px 0 15px;
}
/* shortcut end */
/* header start */
.header {
    position: relative;
    height: 105px;
}
.logo {
    position: absolute;
    top: 25px;
    width: 175px;
    height: 61px;
}
.logo a {
    display: block;
    width: 175px;
    height: 61px;
    /* 把logo图片作为背景给a添加 */
    background: url(../images/logo.png) no-repeat;
    /* font-size: 0;  方法一、京东隐藏文字*/
    /* 方法二、淘宝隐藏 */
    /* 1.首行缩进靠左，溢出视线范围 */
    text-indent: -999px;
    /* 2.溢出隐藏 */
    overflow: hidden;
}
/* 搜索栏 */
.search {
    position: absolute;
    top: 25px;
    left: 346px;
    width: 538px;
    height: 36px;
    border: 2px solid #b1191a;
}
.search input {
    float: left;
    height: 32px;
    width: 454px;
    padding-left: 10px;
}
.search button {
    float: left;
    height: 32px;
    width: 80px;
    color: white;
    font-size: 16px;
    background-color: #b1191a;
}
/* 热点词汇 */
.hotwords {
    position: absolute;
    top: 66px;
    left: 346px;
    height: 20px;
}
.hotwords ul li {
    float: left;
}
.hotwords ul li a {
    margin: 0 10px;
}
.hotwords ul li a:hover {
    color: red;
}
/* 购物车 */
.shopcar {
    position: absolute;
    top: 25px;
    right: 60px;
    width: 140px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    cursor: pointer;
}
/* 买了个锤子伪元素 start */
.shopcar:hover::after {
    content: "买了个锤子🔨";
    position: absolute;
    top: 35px;
    right: 0;
    height: 100px;
    width: 500px;
    color: #b1191a;
    line-height: 100px;
    font-size: 50px;
}
/* 买了个锤子伪元素 end */
.shopcar .icon-gouwucheman {
    color: #b1191a;
}
.shopcar .count {
    position: absolute;
    top: -5px;
    left: 105px;
    height: 14px;
    line-height: 14px;
    color: white;
    border-radius: 7px 7px 7px 0;
    background-color: #e60012;
    padding: 0 5px;
}
/* <!-- 导底部模块制作 start --> */
.footer {
    height: 415px;
    background-color: #f5f5f5;
    padding-top: 30px;
}
.mod_service {
    height: 80px;
    border-bottom: 1px solid #ccc;
}
.mod_service li {
    float: left;
    width: 300px;
    height: 50px;
    padding-left: 35px;
}
.mod_service li h5 {
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 15px;
    background: url(../images/icons.png) no-repeat -252px -2px;
}
.mod_service li:nth-child(2) h5 {
    background: url(../images/icons.png) no-repeat -254px -54px;
}
.mod_service li:nth-child(3) h5 {
    background: url(../images/icons.png) no-repeat -256px -105px;
}
.mod_service li:nth-child(4) h5 {
    background: url(../images/icons.png) no-repeat -258px -157px;
}
.service_txt h4 {
    font-size: 14px;
}
.service_txt p {
    font-size: 12px;
}
.mod_help {
    height: 185px;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-left: 50px;
}
.mod_help dl {
    float: left;
    width: 200px;
}
.mod_help dt {
    font-size: 16px;
    margin-bottom: 10px;
}
.mod_help dl:last-child{
    width: 90px;
    text-align: center;
}
.mod_copyright {
    text-align: center;
    padding-top: 20px;
}
.mod_copyright  .links {
    margin-bottom: 15px;
}
.mod_copyright  .links  a:hover {
    color: #b1191a;
}

